*{
    margin: 0;
    padding: 0;
    list-style: none;
   
}

header{
    width: 100%;
    background: #EEEEEE;
    nav{
        width: 1200px;
        height: 33px;
        margin-left: 200px;
       font-size: 12px;
       
        img{
            width: 22px;
            height: 20px;
            
        }
    }
}

#zhuti{
    overflow: hidden;
    width: 1200px;
    height: 6000px;
    
    margin: 0 auto;
    .toubu{
        width: 100%;
        height: 160px;
         background:white;
        ul{
            width: 930px;
            height: 20px;
            
            position: relative;
            top: -70px;
            left: 280px;
            li{
                font-size: 14px;
                width: 150px;
                float: left;
            }
        }
        .p{
            font-size: 12px;
            position: relative;
            left: 515px;
            top: -70px;
            span{
                color: #E82266;
            }
        }
      input{
          position: relative;
          top: -40px;
          left: 150px;
      } 
      .gouwuc{
          width: 160px;
          height: 35px;
          background: #353636;
          position: relative;
          top: -126px;
          left: 1030px;
          img{
              margin-left: 25px;
              margin-top: 5px;
              margin-right: 10px;
              float: left;
          }
            p{
                padding-top: 10px;
                
            font-size: 12px;
            color: #EEEEEE;
            span{
                color: #E82266;
            }
        }
      }
        .sousuo{
            width: 40px;
            height: 35px;
            background: #353636;
            position:relative;
            top: -75px;
            left: 963px;
            img{
                padding-top: 5px;
                margin-left: 5px;
            }
        }
    }
   .qbfl{
       width: 210px;
       height: 39px;
       background: #232323;
       text-align: center;
       line-height: 39px;
       color: white;
       position: relative;
       top: -99px;
       left: 40px;
       //clear: both;
   }
    
}
.banner{
  
clear: both;
    width: 100%;
    height: 412px;
    background: blue;
    margin-bottom: -59px;
    
    img{
        
        border-top: 2px solid #2F3030;
        margin-top: -59px;
        width: 100%;
        height: 470px;
         
    }
    ul{
        width: 210px;
        height: 470px;
        position: relative;
        top:-474px;
        left: 40px;
        li{
            width: 210px;
            height: 46px;
            background: #333333;
            color: white;
            border-bottom: 1px solid #464646;
            line-height: 46px;
            p:nth-of-type(1){
                margin-left: 50px;
                margin-right: 30px;
                font-size: 14px;
                float: left;
               span{
                   font-size: 12px;
               }
            }
             p:nth-of-type(2){
                 color: #797979;
                 font-size: 10px;
             }
        }
    }
  
}
.ul1{
    position: relative;
    top: -500px;
    left: 50%;
    width: 186px;
    height: 8px;
    
    li{
        width: 30px;
        height: 8px;
        margin-right: 1px;
        background: #232323;
        float: left;
        
    }
    
}
.cztm{
    clear: both;
    position: relative;
    top:-482px;
    width: 100%;
    height: 380px;
    background: white;
   
    .xiao{
        width: 909px;
        height: 380px;
        float: left;
    }
    ul:nth-of-type(1){
        padding-top: 40px;
        width: 909px;
        height: 44px;
       
        li{
            width: 303px;
            height: 44px;
            line-height: 44px;
            float: left;
            border-bottom: 3px solid #232323;
            text-align: center;
        }
    }
    ul:nth-of-type(2){
        margin-top: 10px;
        width: 909px;
        height: 260px;
        li{
            width: 220px;
            height: 260px;
            float: left;
            border: 1px solid #EFEFEF;
            margin-right: 7px;
        }
    }
    .ovbig{
        margin-top: 54px;
        margin-left: 15px;
    }
}
.yigetu{
   
    width: 100%;
    margin: 0 auto;
    img{
        width: 100%;
    }
}
.ytzg{
    position: relative;
    top: -402px;
    padding-top: 20px;
    width: 100%;
    height: 660px;
    background: white;
    h1{
        display: inline-block;
        padding-right: 12px;
        margin-right: 5px;
        border-right: 1px solid #2F3030;
        float: left;
    }
    .kuang{
        width: 99.5%;
        height: 576px;
        border: 1px solid #EFEFEF;
        img{
            margin-top: 10px;
            margin-left: 10px;
            float: left;
        }
        .da{
            width: 820px;
            height: 576px;
          
            margin-left: 370px;
            .ulx{
                width: 100%;
                height: 44px;
                li:nth-of-type(1){
                    width:130px ;
                    height: 44px;
                    line-height: 44px;
                    float: left;
                    text-align: center;
                    font-weight:bold ;
                    border-bottom: 3px solid #E82266 ;
                }
                 li:nth-of-type(2){
                    width:820px ;
                    height: 44px;
                    line-height: 44px;
                    
                    border-bottom: 3px solid #232323 ;
                }
            }
            .ulx1{
                width: 100%;
                height: 259px;
                clear: both;
                position: relative;
                top: -520px;
                left: -10px;
                li{
                    img{
                        width: 100%;
                        height: 100%;
                    }
                    float: left;
                }
            }
            .ulx2{
                width: 100%;
                height: 259px;
                clear: both;
                position: relative;
                top: -515px;
                left: -10px; 
                li{
                    float: left;
                }  
                 }
        }
    }
}
.chaojida{
    clear: both;
      position: relative;
    top: -868px;
    padding-top: 20px;
    width: 100%;
    height:450px;
    background: white;
    .diyi{
        margin-top: -20px;
        width: 100%;
        height:450px;
        
        
         h1{
        display: inline-block;
        padding-right: 12px;
        margin-right: 5px;
        border-right: 1px solid #2F3030;
        float: left;
        
          }
          p{
              color: #878787;
          }
       .kou{
           width: 230px;
           height: 367px;
           border: 1px solid #F1F1F1;
           margin-top: 35px;
           float: left;
        
           .shang{
               width: 100%;
               height: 180px;
               margin-top: 20px;
               ul{
               
               width: 90%;
               margin: 0 auto;
               li{
                   margin-top: 3px;
                   width: 30%;
                   margin-right: 3px;
                   height: 33px;
                   float: left;
                   border: 1px solid #797979;
                   text-align: center;
                   line-height: 33px;
                   font-size: 12px;
               }
           }
           }
           .xia{
               width: 200px;
               height: 140px;
               background: #F2F2F2;
               margin: 0 auto;
               border-top: 2px dashed #797979 ;
               ul{
                   
                    width: 160px;
                    height: 50px;
                    margin: 0 auto;
                    margin-bottom: 5px;
                   li{
                       width: 75px;
                       height: 50px;
                       float: left;
                       margin-right: 5px;
                       img{
                           
                           width: 100%;
                           height: 100%;
                       }
                   }
               }
               .pao{
                   position: relative;
                   top:-65px;
                   span{
                       font-size: 12px;
                   }
               }
           }
       }
    }
    
}
.you{
    width: 551px;
    height: 371px;
    margin-left: 635px;
    margin-top: 34px;
    ul:nth-of-type(1){
        width: 550px;
        height: 181px;
        margin-bottom: 5px;
        li{
           
            width: 270px;
            height: 181px;
             float: left;
             margin-right: 5px;
             img{
                 border: 1px solid #F0F0F0;
                 width: 100%;
                 height: 100%;
             }
        }
        
    }
     ul:nth-of-type(2){
        width: 550px;
        height: 181px;
        li{
            margin-right: 5px;
            width: 270px;
            height: 181px;
             float: left;
             img{
                 border: 1px solid #F0F0F0;
                 width: 100%;
                 height: 100%;
             }
        }
        
    }
}
footer{
    margin: 0 auto;
    width: 1200px;
    height: auto;
    img{
        width: 100%;
            
    }
}
